<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./图标/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>
<body>
    <div class="jian">
        <ul>
            <li>
                <!-- 学习经历 -->
                <div class="xue">
                    <div class="xeud">
                        <p class="bao1"><i class="iconfont icon-naojiye"></i><strong>学习经历</strong></p>
                        <p class="nei1">初中：学习的是体育特长。 2017~2020</p>
                        <p class="nei2">获得3000米一个市运会第八</p>
                        <p class="nei2">获得1500米县运会第三</p>
                        <p class="nei2">获得3000米县运会第三</p>
                        <p class="nei1">高中：学习的是体育特长。2020~2023</p>
                        <p class="nei2">学习成绩班级前20</p>
                        <p class="nei2">体育成绩中长跑第三</p>
                        <p class="nei2">获奖1500市运会第7</p>
                    </div>
                </div>
            </li>

            <li>
                <!-- 个人 -->
                <div class="ge">
                    <div class="jv">
                    <div class="zhao"></div>
                    <p class="jain">李保鑫的简介</p>
                    </div>
                </div>
            </li>

            <li>
                <!-- 专业特长 -->
                <div class="xue">
                    <div class="xeud">
                       <p class="bao1"><i class="iconfont icon-mogu"></i>专业特长</p> 
                       <p class="nei1">体育</p>
                       <p class="nei2">中长跑</p>
                       <p class="nei2">铅球</p>
                       <p class="nei2">足球</p>
                       <p class="nei2">田径</p>
                       <p class="nei1">计算机</p>
                       <p class="nei2">会html,css,javaspict</p>
                       <p class="nei2">c语言</p>
                       <p class="nei2">数据库</p>
                    </div>
                </div>
            </li>

            <li>
                <!-- 自我介绍 -->
                <div class="ge">
                    <div class="xeud1">
                        <p class="bao1"><i class="iconfont icon-hou"></i>自我介绍</p>
                        <p class="nei1">姓名：李保鑫</p>
                        <p class="nei1">性别：男</p>
                        <p class="nei1">出生地：河北省衡水市</p>
                        <p class="nei1">邮箱：2657571467@qq.com</p>
                    </div>
                </div>
            </li>

            <li>
                 <!-- 学习成绩 -->
                 <div class="xue">
                    <div class="xeud">
                        <p class="bao1"><i class="iconfont icon-nao"></i>期末成绩</p>
                           <table>
                            <tr>
                                <td>学科</td>
                                <td>成绩</td>
                                <td>班级排名</td>
                                <td>院系排名</td>
                            </tr>
                            <tr>
                                <td>网页设计</td>
                                <td>89</td>
                                <td>1</td>
                                <td>10</td>
                            </tr>
                            <tr>
                                <td>c语言</td>
                                <td>86</td>
                                <td>4</td>
                                <td>5</td>
                            </tr>
                            <tr>
                                <td>数据库</td>
                                <td>85</td>
                                <td>4</td>
                                <td>5</td>
                            </tr>
                            <tr>
                                <td>信息技术</td>
                                <td>78</td>
                                <td>6</td>
                                <td>43</td>
                            </tr>
                        </table>
                    </div>
                 </div>
            </li>

             <li>
                <!-- 兴趣爱好 -->
                <div class="ge">
                    <div class="xeud1">
                        <p class="bao1"><i class="iconfont icon-turang"></i>兴趣爱好</p>
                        <p class="nei1">健身</p>
                        <p class="nei1">干一些让自己有成就感的事情</p>
                        <p class="nei1">学习计算机</p>
                        <p class="nei1">游戏</p>
                        <p class="nei1">看电影</p>

                    </div>
                </div>
            </li>

            <li>
                <!-- 联系方式 -->
                <div class="di">
                   <span> 邮箱：</span><input type="text" value="2657571467@qq.com">
                   <span class="zuo">地址：</span><input type="text" value="河北省衡水市">
                </div>
            </li>
            
        </ul>

        
        
    </div>
</body>
</html>